﻿@{
    ViewBag.Title = "PluginTest";
    Layout = "~/Views/Shared/_Page.cshtml";
}

<h2>jQuery plugin option</h2>
<br />
<h3>Path: @ViewBag.Path</h3>
<br />
<h3>See the result on console</h3>
<br />



<style type="text/css">
    .divStyle
    {
        border: 1px solid #ffffff;
        width: 200px;
        height: 200px;
        float: left;
        margin-right: 20px;
    }    
</style>

<p id="myText1" class="divStyle">
Hello!
Welcome to jQuery!
</p>

<p id="myText2" class="divStyle">
Hey!
Here we go!!
</p>

<script type="text/javascript">
    $(document).ready(function () {
        $('#myText1').mouseover(function () {
            // Override only one option
            $('#myText1').pulse({ pulses: 6 });
        });

        $('#myText2').mouseover(function () {
            // Override all options
            $('#myText2').pulse({ speed: "fast", pulses: 10, fadeLow: 0.3, fadeHigh: 0.8 });
        });
    });
</script>

<script type="text/javascript" src="/JS/Demo/Plugin/pluginDemo.js"></script>
